/* 箱体 */
* {
  margin: 0;
  padding: 0;
}

.mc_box {
  width: 100%;
  height: 100%;
  background-color: rgb(204, 204, 204);
  overflow: auto;
}

/* 嵌套框 */
.mc_mod_box {
  position: relative;
  height: 100%;
}

/* 移动层 */
#mc_move_layer {
  z-index: 99990;
  pointer-events: none;
}
#mc_blk_move {
  display: none;
  position: absolute;
  box-sizing: border-box;
  border: 4px dotted red;
  /* background-color: yellow; */
  box-shadow: #aaa 0px 0px 5px inset;
}

/* 模块 */
.mc_mod {
  width: 18px;
  height: 18px;
  border: 10px solid paleturquoise;
  /* background-color: rgb(140, 155, 240); */
  position: absolute;
  cursor: pointer;
  /* 使边框不计入宽度 */
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
  color: rgb(140, 155, 240);
  outline: none;
  opacity: 0.8;
  /* 旋转基点 */
  transform-origin: left top;
}

/* 选框 */
.mo_select_box {
  position: absolute;
  display: none;
  width: 0px;
  height: 0px;
  padding: 0px;
  margin: 0px;
  border: 1px dashed #0099ff;
  background-color: #c3d5ed;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 0px;
  z-index: 99999;
  pointer-events: none;
}

/* 选中效果 */
.mc_mod.selected,
.mc_mod.temp_selected {
  border: 10px solid red;
  /* z-index: 1; */
}

/* 连接卡 选中效果 */
.mc_mod_box .selected {
  background-color: yellow !important;
}

/* 中心圆点 */
.mod_hub_box {
  position: absolute;
  top: 50%;
  left: 50%;
}

.mod_hub_div {
  color: #fff;
  width: 30px;
  height: 30px;
  background: blue;
  border-radius: 15px;
  /* position: absolute;
  top: 50%;
  left: 50%; */
  /* transform: translate(-50%, -50%); */
  text-align: center;
  line-height: 30px;
  justify-content: center;
}

/* 模块位置大小/子窗口数量显示框 */
.mod_pot,
.mod_size,
.chip_name,
.mod_list_idx,
.card_idx,
.mod_show_name {
  background-color: blue;
  color: #fff;
  padding: 0 4px;
  font-size: 12px;
  border: 1px solid #fff;
  max-width: max-content;
}

/* .card_idx { */
.mc_mod_right_bto {
  position: absolute;
  /* display: none; */
  bottom: 0;
  right: 0;
  transform-origin: right bottom;
}

/* 虚拟模组框 */
#mod_box_next .mc_virtual_mod {
  border: 1px solid rgba(140, 155, 240, 0.5) !important;
  background-color: rgba(140, 155, 240, 0.3) !important;
  background-image: none !important;
}

/* 锁定 */
.mc_lock {
  /* box-shadow: 0 0 20px #888 inset; */
}
.mc_canvas_bgc {
  background: #255388 !important;
}

.mc_mod_right_top {
  display: inline-block;
  transform-origin: right top;
  position: absolute;
  top: 0;
  right: 0;
}

.mc_lock_icon {
  /* display: inline-block;
  transform-origin: right top;
  position: absolute;
  top: 0;
  right: 0; */
  color: black;
}

.mc_mod .mc_lock_icon {
  display: none;
}

.mc_lock .mc_lock_icon {
  display: block;
}

/* 缩放起始设置 */
.mod_msg_box,
#mod_box_next,
#mc_move_layer {
  transform-origin: left top;
}

.mod_msg_box {
  position: absolute;
}
